<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="../img/logo1.png">
    <link media="(max-width:768px)" rel="stylesheet" href="css/mobile.css">
</head>

<body>
    <div class="head">
        <div class="head-center">
            <!-- 放置logo=== -->
            <div class="logo">
                <!-- 设置logo可点击=== -->
                <a class="logo-a" href="../../index.html"></a>
            </div>
            <!-- 布置头部导航=== -->
            <ul class="head-center-nav">
                <li class="nav-list">
                    <a href="../../index.html">首页</a><span class="underline"></span>
                </li>
                <li class="nav-list">
                    <a href="../project/index.html">项目</a><span class="underline"></span>
                </li>
                <li class="nav-list active">
                    <a href="./index.html">产品</a><span class="underline"></span>
                </li>
                <li class="nav-list">
                    <a href="../service/index.html">服务</a><span class="underline"></span>
                </li>
                <li class="nav-list">
                    <a href="../news/index.html">新闻</a><span class="underline"></span>
                </li>
                <li class="nav-list">
                    <a href="../about/index.html">关于</a><span class="underline"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 响应式头部样式 -->
    <div class="head-mobile wow fadeInDown">
        <!-- 头部中心=== -->
        <div class="head-center-mobile">
            <!-- 放置logo=== -->
            <!-- 设置logo可点击=== -->
            <a class="logo-a-mobile" href="../../index.html"></a>
            <a href="javascript:;" class="btn-nav close-nav">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <!-- 布置头部导航=== -->
        <ul class="head-center-nav-mobile">
            <li class="nav-list-mobile active">
                <a href="../../index.html">首页</a><span class="underline"></span>
            </li>
            <li class="nav-list-mobile">
                <a href="../project/index.html">项目</a><span class="underline"></span>
            </li>
            <li class="nav-list-mobile">
                <a href="./index.html">产品</a><span class="underline"></span>
            </li>
            <li class="nav-list-mobile">
                <a href="../service/index.html">服务</a><span class="underline"></span>
            </li>
            <li class="nav-list-mobile">
                <a href="../news/index.html">新闻</a><span class="underline"></span>
            </li>
            <li class="nav-list-mobile">
                <a href="../about/index.html">关于</a><span class="underline"></span>
            </li>
        </ul>
    </div>
    <!-- 响应式头部结束 -->
    <div class="banner">
        <div class="banner-center"></div>
    </div>
    <!-- container开始 -->
    <div class="container">
        <div class="container-center">
            <div class="product-bed">
                <div class="common-title">
                    <div class="container-nav">
                        <span>您的位置:</span>
                        <a href="javascript:;">产品</a>
                        <span class="container-nav-arr">&gt;</span>
                        <a class="active" href="javascript:;">产品中心</a>
                    </div>
                    <hr>
                    <ul class="product-nav">
                        <li class="pro-nav-list">
                            <a class="active" href="javascript:;">床</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">沙发</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">桌椅</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">衣柜</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list mar-none">
                            <a href="javascript:;">灯</a><span class="transverse-line"></span>
                        </li>
                    </ul>
                </div>
                <div class="product-display-box">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-bed-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            PEMBERLY ROW
                                        </p>
                                        <p class="product-mask-p3">
                                            软垫加州特大号床板ZUMA PUMICE
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">PEMBERLY ROW</p>
                                <p class="product-text-b">软垫加州特大号床板ZUMA PUMICE</p>
                            </div>
                        </div>
                        <div class="product-img-2">
                            <div class="product-img-box product-img-bed-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            SOLOMAN
                                        </p>
                                        <p class="product-mask-p3">
                                            中世纪浅米色面料平台床
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">SOLOMAN</p>
                                <p class="product-text-b">中世纪浅米色面料平台床</p>
                            </div>
                        </div>
                        <div class="product-img-3">
                            <div class="product-img-box product-img-bed-3">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            03
                                        </p>
                                        <p class="product-mask-p2">
                                            CHESTER
                                        </p>
                                        <p class="product-mask-p3">
                                            簇绒天鹅绒特大号床
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-3">
                                <p class="product-text-a">CHESTER</p>
                                <p class="product-text-b">簇绒天鹅绒特大号床</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-bed-4">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            04
                                        </p>
                                        <p class="product-mask-p2">
                                            HAWTHORNE
                                        </p>
                                        <p class="product-mask-p3">
                                            女王平台床
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">HAWTHORNE</p>
                                <p class="product-text-b">女王平台床</p>
                            </div>
                        </div>
                        <div class="product-img-2">
                            <div class="product-img-box product-img-bed-5">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            05
                                        </p>
                                        <p class="product-mask-p2">
                                            HENRY MID-CENTURY
                                        </p>
                                        <p class="product-mask-p3">
                                            现代软垫平台床
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">HENRY MID-CENTURY</p>
                                <p class="product-text-b">现代软垫平台床</p>
                            </div>
                        </div>
                        <div class="product-img-3">
                            <div class="product-img-box product-img-bed-6">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            06
                                        </p>
                                        <p class="product-mask-p2">
                                            MODBERG
                                        </p>
                                        <p class="product-mask-p3">
                                            墨西拿灰色生态床
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-3">
                                <p class="product-text-a">MODBERG</p>
                                <p class="product-text-b">墨西拿灰色生态床</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端导航样式 -->
                <div class="product-nav-box">
                    <ul class="product-nav-mobile">
                        <li class="pro-nav-list-mobile active">床</li>
                        <li class="pro-nav-list-mobile">沙发</li>
                        <li class="pro-nav-list-mobile">桌椅</li>
                        <li class="pro-nav-list-mobile">衣柜</li>
                        <li class="pro-nav-list-mobile">灯</li>
                    </ul>
                </div>
                <!-- 移动端导航样式结束 -->
                <!-- 移动端图片布局 -->
                <div class="product-display-box-mobile">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-bed-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            PEMBERLY ROW
                                        </p>
                                        <p class="product-mask-p3">
                                            软垫加州特大号床板ZUMA PUMICE
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">PEMBERLY ROW</p>
                                <p class="product-text-b">软垫加州特大号床板ZUMA PUMICE</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-bed-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            SOLOMAN
                                        </p>
                                        <p class="product-mask-p3">
                                            中世纪浅米色面料平台床
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">SOLOMAN</p>
                                <p class="product-text-b">中世纪浅米色面料平台床</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端布局结束 -->
            </div>
            <div class="product-sofa">
                <div class="common-title">
                    <div class="container-nav">
                        <span>您的位置:</span>
                        <a href="javascript:;">产品</a>
                        <span class="container-nav-arr">&gt;</span>
                        <a class="active" href="javascript:;">产品中心</a>
                    </div>
                    <hr>
                    <ul class="product-nav">
                        <li class="pro-nav-list">
                            <a href="javascript:;">床</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a class="active" href="javascript:;">沙发</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">桌椅</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">衣柜</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list mar-none">
                            <a href="javascript:;">灯</a><span class="transverse-line"></span>
                        </li>
                    </ul>
                </div>
                <div class="product-display-box">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-sofa-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            OUTDOOR
                                        </p>
                                        <p class="product-mask-p3">
                                            户外庭院沙发
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">OUTDOOR</p>
                                <p class="product-text-b">户外庭院沙发</p>
                            </div>
                        </div>
                        <div class="product-img-2">
                            <div class="product-img-box product-img-sofa-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            HAMPTON
                                        </p>
                                        <p class="product-mask-p3">
                                            汉普顿客厅套装
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">HAMPTON</p>
                                <p class="product-text-b">汉普顿客厅套装</p>
                            </div>
                        </div>
                        <div class="product-img-3">
                            <div class="product-img-box product-img-sofa-3">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            03
                                        </p>
                                        <p class="product-mask-p2">
                                            PREMIER
                                        </p>
                                        <p class="product-mask-p3">
                                            总统客厅套装
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-3">
                                <p class="product-text-a">PREMIER</p>
                                <p class="product-text-b">总统客厅套装</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端导航样式 -->
                <div class="product-nav-box">
                    <ul class="product-nav-mobile">
                        <li class="pro-nav-list-mobile">床</li>
                        <li class="pro-nav-list-mobile active">沙发</li>
                        <li class="pro-nav-list-mobile">桌椅</li>
                        <li class="pro-nav-list-mobile">衣柜</li>
                        <li class="pro-nav-list-mobile">灯</li>
                    </ul>
                </div>
                <!-- 移动端导航样式结束 -->
                <!-- 移动端图片布局 -->
                <div class="product-display-box-mobile">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-sofa-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            OUTDOOR
                                        </p>
                                        <p class="product-mask-p3">
                                            户外庭院沙发
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">OUTDOOR</p>
                                <p class="product-text-b">户外庭院沙发</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-sofa-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            HAMPTON
                                        </p>
                                        <p class="product-mask-p3">
                                            汉普顿客厅套装
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">HAMPTON</p>
                                <p class="product-text-b">汉普顿客厅套装</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端布局结束 -->
            </div>
            <div class="product-chair">
                <div class="common-title">
                    <div class="container-nav">
                        <span>您的位置:</span>
                        <a href="javascript:;">产品</a>
                        <span class="container-nav-arr">&gt;</span>
                        <a class="active" href="javascript:;">产品中心</a>
                    </div>
                    <hr>
                    <ul class="product-nav">
                        <li class="pro-nav-list">
                            <a href="javascript:;">床</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">沙发</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a class="active" href="javascript:;">桌椅</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">衣柜</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list mar-none">
                            <a href="javascript:;">灯</a><span class="transverse-line"></span>
                        </li>
                    </ul>
                </div>
                <div class="product-display-box">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-chair-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            FILTON
                                        </p>
                                        <p class="product-mask-p3">
                                            绗缝皮革柜台凳
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">FILTON</p>
                                <p class="product-text-b">绗缝皮革柜台凳</p>
                            </div>
                        </div>
                        <div class="product-img-2">
                            <div class="product-img-box product-img-chair-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            ASHFORD SEAN
                                        </p>
                                        <p class="product-mask-p3">
                                            深色帆布G柜台凳
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">ASHFORD SEAN</p>
                                <p class="product-text-b">深色帆布G柜台凳</p>
                            </div>
                        </div>
                        <div class="product-img-3">
                            <div class="product-img-box product-img-chair-3">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            03
                                        </p>
                                        <p class="product-mask-p2">
                                            MARIETTE
                                        </p>
                                        <p class="product-mask-p3">
                                            玛丽埃塔户外铸铝黑沙套件
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-3">
                                <p class="product-text-a">MARIETTE</p>
                                <p class="product-text-b">玛丽埃塔户外铸铝黑沙套件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端导航样式 -->
                <div class="product-nav-box">
                    <ul class="product-nav-mobile">
                        <li class="pro-nav-list-mobile">床</li>
                        <li class="pro-nav-list-mobile">沙发</li>
                        <li class="pro-nav-list-mobile active">桌椅</li>
                        <li class="pro-nav-list-mobile">衣柜</li>
                        <li class="pro-nav-list-mobile">灯</li>
                    </ul>
                </div>
                <!-- 移动端导航样式结束 -->
                <!-- 移动端图片布局 -->
                <div class="product-display-box-mobile">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-chair-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            FILTON
                                        </p>
                                        <p class="product-mask-p3">
                                            绗缝皮革柜台凳
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">FILTON</p>
                                <p class="product-text-b">绗缝皮革柜台凳</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-chair-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            ASHFORD SEAN
                                        </p>
                                        <p class="product-mask-p3">
                                            深色帆布G柜台凳
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">ASHFORD SEAN</p>
                                <p class="product-text-b">深色帆布G柜台凳</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端布局结束 -->
            </div>
            <div class="product-cupboard">
                <div class="common-title">
                    <div class="container-nav">
                        <span>您的位置:</span>
                        <a href="javascript:;">产品</a>
                        <span class="container-nav-arr">&gt;</span>
                        <a class="active" href="javascript:;">产品中心</a>
                    </div>
                    <hr>
                    <ul class="product-nav">
                        <li class="pro-nav-list">
                            <a href="javascript:;">床</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">沙发</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">桌椅</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a class="active" href="javascript:;">衣柜</a><span class="verticle-line"></span><span class="transverse-line active-line"></span>
                        </li>
                        <li class="pro-nav-list mar-none">
                            <a href="javascript:;">灯</a><span class="transverse-line"></span>
                        </li>
                    </ul>
                </div>
                <div class="product-display-box">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-cupboard-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            MANHATTAN
                                        </p>
                                        <p class="product-mask-p3">
                                            曼哈顿现代白色衣橱
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">MANHATTAN</p>
                                <p class="product-text-b">曼哈顿现代白色衣橱</p>
                            </div>
                        </div>
                        <div class="product-img-2">
                            <div class="product-img-box product-img-cupboard-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            MAGNUSSEN
                                        </p>
                                        <p class="product-mask-p3">
                                            LANCASTER燕尾灰衣橱
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">MAGNUSSEN</p>
                                <p class="product-text-b">LANCASTER燕尾灰衣橱</p>
                            </div>
                        </div>
                        <div class="product-img-3">
                            <div class="product-img-box product-img-cupboard-3">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            03
                                        </p>
                                        <p class="product-mask-p2">
                                            SOUTH SHORE
                                        </p>
                                        <p class="product-mask-p3">
                                            AXESS ARMOIRE黑色绅士衣橱
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-3">
                                <p class="product-text-a">SOUTH SHORE</p>
                                <p class="product-text-b">AXESS ARMOIRE黑色绅士衣橱</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端导航样式 -->
                <div class="product-nav-box">
                    <ul class="product-nav-mobile">
                        <li class="pro-nav-list-mobile">床</li>
                        <li class="pro-nav-list-mobile">沙发</li>
                        <li class="pro-nav-list-mobile">桌椅</li>
                        <li class="pro-nav-list-mobile active">衣柜</li>
                        <li class="pro-nav-list-mobile">灯</li>
                    </ul>
                </div>
                <!-- 移动端导航样式结束 -->
                <!-- 移动端图片布局 -->
                <div class="product-display-box-mobile">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-cupboard-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            MANHATTAN
                                        </p>
                                        <p class="product-mask-p3">
                                            曼哈顿现代白色衣橱
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">MANHATTAN</p>
                                <p class="product-text-b">曼哈顿现代白色衣橱</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-cupboard-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            MAGNUSSEN
                                        </p>
                                        <p class="product-mask-p3">
                                            LANCASTER燕尾灰衣橱
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">MAGNUSSEN</p>
                                <p class="product-text-b">LANCASTER燕尾灰衣橱</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端布局结束 -->
            </div>
            <div class="product-light">
                <div class="common-title">
                    <div class="container-nav">
                        <span>您的位置:</span>
                        <a href="javascript:;">产品</a>
                        <span class="container-nav-arr">&gt;</span>
                        <a class="active" href="javascript:;">产品中心</a>
                    </div>
                    <hr>
                    <ul class="product-nav">
                        <li class="pro-nav-list">
                            <a href="javascript:;">床</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">沙发</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">桌椅</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list">
                            <a href="javascript:;">衣柜</a><span class="verticle-line"></span><span class="transverse-line"></span>
                        </li>
                        <li class="pro-nav-list mar-none">
                            <a class="active" href="javascript:;">灯</a><span class="transverse-line active-line"></span>
                        </li>
                    </ul>
                </div>
                <div class="product-display-box">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-light-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            5-LIGHT
                                        </p>
                                        <p class="product-mask-p3">
                                            油擦青铜枝形吊灯
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">5-LIGHT</p>
                                <p class="product-text-b">油擦青铜枝形吊灯</p>
                            </div>
                        </div>
                        <div class="product-img-2">
                            <div class="product-img-box product-img-light-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            ZEPLIN 12-LIGHT
                                        </p>
                                        <p class="product-mask-p3">
                                            SPUTNIK枝形吊灯
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">ZEPLIN 12-LIGHT</p>
                                <p class="product-text-b">SPUTNIK枝形吊灯</p>
                            </div>
                        </div>
                        <div class="product-img-3">
                            <div class="product-img-box product-img-light-3">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            03
                                        </p>
                                        <p class="product-mask-p2">
                                            MOUSSE
                                        </p>
                                        <p class="product-mask-p3">
                                            现代枝形吊灯米白色灯罩
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-3">
                                <p class="product-text-a">MOUSSE</p>
                                <p class="product-text-b">现代枝形吊灯米白色灯罩</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端导航样式 -->
                <div class="product-nav-box">
                    <ul class="product-nav-mobile">
                        <li class="pro-nav-list-mobile">床</li>
                        <li class="pro-nav-list-mobile">沙发</li>
                        <li class="pro-nav-list-mobile">桌椅</li>
                        <li class="pro-nav-list-mobile">衣柜</li>
                        <li class="pro-nav-list-mobile active">灯</li>
                    </ul>
                </div>
                <!-- 移动端导航样式结束 -->
                <!-- 移动端图片布局 -->
                <div class="product-display-box-mobile">
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-light-1">
                                <a href="javascript:;">
                                    <div class="product-mask product-m1">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            01
                                        </p>
                                        <p class="product-mask-p2">
                                            5-LIGHT
                                        </p>
                                        <p class="product-mask-p3">
                                            油擦青铜枝形吊灯
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-1">
                                <p class="product-text-a">5-LIGHT</p>
                                <p class="product-text-b">油擦青铜枝形吊灯</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-display-1">
                        <div class="product-img-1">
                            <div class="product-img-box product-img-light-2">
                                <a href="javascript:;">
                                    <div class="product-mask product-m2">
                                        <div class="product-mask-line">

                                        </div>
                                        <p class="product-mask-p1">
                                            02
                                        </p>
                                        <p class="product-mask-p2">
                                            ZEPLIN 12-LIGHT
                                        </p>
                                        <p class="product-mask-p3">
                                            SPUTNIK枝形吊灯
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="product-img-text product-text-2">
                                <p class="product-text-a">ZEPLIN 12-LIGHT</p>
                                <p class="product-text-b">SPUTNIK枝形吊灯</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 移动端布局结束 -->
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foot-center">
            <div class="foot-center-left">
                <p>简设装饰有限公司</p>
                <div class="media-box">
                    <a href="javascript:;">
                        <div class="weibo"></div>
                    </a>
                    <a href="javascript:;">
                        <div class="qq"></div>
                    </a>
                    <a href="javascript:;">
                        <div class="wx"></div>
                    </a>
                </div>
            </div>
            <div class="foot-center-middle">
                <p>地址：中国地区**分区6号写字楼888室</p>
                <p>电话：688-8888-008</p>
                <p>传真：000-66668888</p>
            </div>
            <div class="foot-center-right">
                <p>邮编：100000</p>
                <p>手机：186-6006-8008</p>
                <p>邮箱：00060008@163.com</p>
            </div>
        </div>
    </div>
    <script src="../lib/jquery.3.3.1.js"></script>
    <script src="js/index.js"></script>
</body>

</html>